<template>
  <div class="header">
    <h1 >我是myHeader</h1>
    <MyChild/>
    <MySecondChild/>
  </div>
</template>

<script>
 import MyChild from "./MyChild.vue"
 import MySecondChild from "./MySecondChild.vue"

export default {
 name:"MyHeader",
components:{
 MyChild,
 MySecondChild
}


}
</script>

<style scoped>
/* 

*/
.header{
    width: 400px;
    background: pink;
}
/* .header >>> .child{
  font-size: 40px;
  color: plum;
} */

.header >>> .child{
  background: hotpink;
}

.header >>> .second{
  background: palegoldenrod;
}
</style>